<%@ page import="java.util.List" %>
<%@ page import="java.io.PrintWriter" %><%--
  Created by IntelliJ IDEA.
  User: 76652
  Date: 2020/6/18
  Time: 9:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="./layui/css/layui.css">

    <style>
        .head {
            width: 600px;
            height: 50px;
            background-color: #e1f6f9;
            padding: 20px;
            border: 40px solid #c3fff1;
            margin: 50px;

        }

        .main {
            /*height: 700px;*/
            height: ${titlelist.size()} *200px;
            width: 1200px;
            margin: 0 auto;
            background-color: #87c9ff;
            padding-top: 50px;
            overflow: hidden;
        }

        .foot {
            height: 80px;
            width: 100%;
            margin: 0 auto;
            background-color: #3b3a40;
            padding-top: 50px;
        }

        .box {
            height: 20px;
            width: 1150px;
            overflow: hidden;
        }

    </style>

</head>
<body>
<ul class="layui-nav" lay-filter="">
    <li class="layui-nav-item"><a href="">首页</a></li>
    <li class="layui-nav-item layui-this"><a href="">新闻</a></li>
    <li class="layui-nav-item"><a href="">标签</a></li>
    <li class="layui-nav-item">
        <a href="javascript:;">其他</a>
        <dl class="layui-nav-child"> <!-- 二级菜单 -->
            <dd><a href="">标签</a></dd>
            <dd><a href="">标签</a></dd>
            <dd><a href="">标签</a></dd>
        </dl>
    </li>
    <%--    <li class="layui-nav-item"><a href="">标签</a></li>--%>
    <div style="float: right" id="div1">
        <i href="asdf" class="layui-icon" style="font-size: 30px; color: #1E9FFF;">&#xe66f;</i>
        <a href="index.html" style="color: #0D9BF2">登陆</a>
    </div>
    <%--    <%--%>
    <%--    request.getSession().setAttribute("session1",1);--%>
    <%--    %>--%>
    <%--    <script>--%>
    <%--        if (${session1}=1)--%>
    <%--            document.getElementById("div1").hidden;--%>
    <%--    </script>--%>

</ul>

<div class="main">
    <%--    <div style="color: #fffdfd" align="center"></div>--%>
    <c:set var="falg" value="0"> </c:set>
    <c:forEach var="title" items="${titlelist}" varStatus="s">
        <div class="layui-card">
            <div class="layui-card-header" style="float: left"><h2 style="color: #0056b3">${title}</h2></div>
            <a style="float: right" href="Root/control/newsManger.html" class="layui-btn layui-btn-xs layui-btn-normal">more</a>
                <%--        <div class="layui-card-body" >--%>
            <div class="box" overflow="hidden">
                    ${contentlist.get(falg)}
            </div>
        </div>
        <br>
        <c:set var="falg" value="${falg+1}"></c:set>
    </c:forEach>
</div>
<div align="center" id="demo1">
    <div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-1"><a
            href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0">上一页</a><span
            class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>1</em></span><a href="javascript:;"
                                                                                             data-page="2">2</a><a
            href="javascript:;" data-page="3">3</a><a href="javascript:;" data-page="4">4</a><a href="javascript:;"
                                                                                                data-page="5">5</a><a
            href="javascript:;" class="layui-laypage-next" data-page="2">下一页</a></div>
</div>
<div class="foot">
    <p align="center" style="color: grey">关于<span> | </span>联系我们<span> | </span>诚征英才</p>
    <p align="center" style="color: grey">©2020 啊啊啊啊</p>
</div>
</body>
<script type="text/javascript" src="./layui/layui.all.js"></script>
<script type="text/javascript">
    console.dir(layui);

</script>
</html>
